﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="text_div.aspx.cs" Inherits="text_div" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
   <style type="text/css">
        html body{
            width:100%;
            height:100%;
             margin:0 auto;
            align-content:center;
        }
        #one{
            width:1430px;
            height:750px;
            background:url(image/1bj.jpg);
            margin-top:0px;
            margin:0 auto;
            z-index:-1;
        }
        #left{
            width:25%;
            float:left;
            height:500px;
            background-color:chartreuse;
            background-color:rgba(139, 0, 0, 0.13);
            z-index:1;
            text-align:center;

        }
        #right{
            width:75%;
            height:500px;
            float:right;
            background-color:darkgreen;
        }
        
        #up{
             width:100%;
            height:120px;
            margin-top:0;
            background-color:darkred;
        }
         #le{
              width:25%;
              height:300px;
              float:left;
               background-color:deeppink;
         }
         #ri{
              width:75%;
              height:300px;
              float:right;
              background-color:gold;
          }
         #dw{
             width:100%;
              height:80px;
              background-color:darkblue;

        }
        #top{
            width:100%;
            height:150px;
            margin-top:0;
            background-color:rgba(0, 0, 0, 0.23);
            z-index:1;
            
        }
        #down{
            width:100%;
            height:100px;
            margin-top:0px;
            background-color:rgba(0, 0, 0, 0.44);
            z-index:1;
        }
        span{
            z-index:2;
            font-family:'Microsoft JhengHei UI';
            font-size:32px;
            color :blueviolet;        
        }
        *{
            text-align:center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="one">
            <div id="top">
                <span>系统名称</span>
            </div>
            <div id="left">
               <span>导航部分</span>
            </div>
            <div id="right">
                <div id="up">
                    <span>主体部分</span>
                </div>
                <div id="le">
                     <span>小菜单</span>
                </div>
                <div id="ri">
                     <span>功能部分</span>
                </div>
                <div id="dw">
                     <span>搜索框</span>
                </div>

            </div>
            <div id="down">
                <span>权限部分</span>
            </div>
        </div>
    </form>
</body>
</html>
